body {
 text-align: center;
 color: #000000;
}

#notify_div {
 display: none;
 position: absolute;
 border: 2px solid black;
 background: white;
 width: 200px;
 font-size: 0.7em;
 padding: 0.5em;
}

#container {
 margin: 0 auto;
/* width: 50%; */
}

#flash_container {
 margin: 0 auto;
 font-family: sans-serif;
}

#puzzle_container {
/* float: right; */
/* margin-left: 5%; */
/* margin-right: 5%; */
 margin: 0 auto;
 width: 45%;
}

#category_select {
/* height: 80%; */
 height: 40em;
}

#wordmask_container {
 padding: .5em;
 font-size: 1.6em;
 letter-spacing: .2em;
 border: 1px dotted #808080;
 margin: 2%;
}

#guessed_container {
 padding: .5em;
 font-size: 1.2em;
 letter-spacing: .2em;
 border: 1px dotted #808080;
 color: #808080;
 margin: 2%;
}

#hint_container {
 margin: 2%;
 border: 1px solid #808080;
 font-style: serif;
 font-size: 1.2em;
 padding: 0.5em;
}

#guesslinks_container {
 padding: .5em;
 font-size: 1.6em;
 /* letter-spacing: .3em; */
 border: 1px dotted #808080;
 margin: 2%;
}

#guesslinks_container a:visited {
 text-decoration: none;
 color: inherit;
}

#guesslinks_container a:hover {
 text-decoration: underline;
}

#guesslinks_container a {
 text-decoration: none;
 color: #000000;
 margin: .3em;
}

#misc_container {
/* position: absolute; */
 float: left;
 text-align: left;
 top: 1em;
 left: 1em;
 width: 40%;
}

button {
 border: 1px solid black;
 padding: .4em;
 margin: .2em;
}

#about {
 font-size: 0.6em;
 color: #808080;
 border: 1px solid #808080;
 padding: 1em;
 margin: 2%;
 font-family: sans-serif;
}

#about a {
 color: #808080;
}

#flash_lang2 { 
 margin-top: 5em;
 font-size: 2em;
 font-weight: bold;
 padding: 1em;
}

#flash_lang1 {
 font-size: 2em;
 padding: 1em;
}
